<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/class.css"/>
		<link rel="stylesheet" href="../css/header.css">
		<script src="../js/jquery-3.5.1.min.js"></script>
	</head>
	<body>
		<!-- header -->
		<header>

		</header>
		<!-- main -->
		<div class="main">
			<div class="main-first">
				<ul>
					<li><a href="#">全部</a></li>
					<li><a href="#">精品公开课</a></li>
					<li><a href="#">VIP课程系列</a></li>
					<li><a href="#">VIP拓展系列</a></li>
					<li><a href="#">学院相关</a></li>
				</ul>
			</div>
			<div class="main-sec">
				<div class="left">
					价格
					<a href=""><span></span></a>
					<a href=""><span></span></a>
				</div>
				<div class="right">
					热度
					<a href=""><span></span></a>
					<a href=""><span></span></a>
				</div>
			</div>
			<div class="main-thrid">
				<div class="c">
					<div class="top">
						<dl>
							<dt><div><a href="#"><img src="../img/start.png" ></a></div><img src="../img/3.gif" ></dt>
							<dd>【鲁班学院】ZooKeeper专题
							<br/><span>vip课程系列</span>
							</dd>
						</dl>
					</div>
					<div class="bottom">
						<p>￥7580.00
						<span>3946人在学</span></p>
					</div>
				</div>
				<div class="c">
					<div class="top">
						<dl>
							<dt><div><a href="#"><img src="../img/start.png" ></a></div><img src="../img/pic1.jpg" ></dt>
							<dd>【鲁班学院】rocketmq专题
							<br/><span>vip课程系列</span>
							</dd>
						</dl>
					</div>
					<div class="bottom">
						<p>￥7580.00
						<span>3694人在学</span></p>
					</div>
				</div>
				<div class="c">
					<div class="top">
						<dl>
							<dt><div><a href="#"><img src="../img/start.png" ></a></div><img src="../img/7.gif" ></dt>
							<dd>【鲁班学院】MongcDB专题
							<br/><span>vip课程系列</span>
							</dd>
						</dl>
					</div>
					<div class="bottom">
						<p>￥7580.00
						<span>3682人在学</span></p>
					</div>
				</div>
				<div class="c">
					<div class="top">
						<dl>
							<dt><div><a href="#"><img src="../img/start.png" ></a></div><img src="../img/8.gif" ></dt>
							<dd>【Nginx鲁班学院】
							<br/><span>vip课程系列</span>
							</dd>
						</dl>
					</div>
					<div class="bottom">
						<p>￥7580.00
						<span>3656人在学</span></p>
					</div>
				</div>
				<div class="c">
					<div class="top">
						<dl>
							<dt><div><a href="#"><img src="../img/start.png" ></a></div><img src="../img/9.gif" ></dt>
							<dd>【鲁班学院】微服务专题专题
							<br/><span>vip课程系列</span>
							</dd>
						</dl>
					</div>
					<div class="bottom">
						<p>￥7580.00
						<span>3956人在学</span></p>
					</div>
				</div>
				<div class="c">
					<div class="top">
						<dl>
							<dt><div><a href="#"><img src="../img/start.png" ></a></div><img src="../img/10.gif" ></dt>
							<dd>【鲁班学院】JAVA架构师VIP课程 第一期
							<br/><span>vip课程系列</span>
							</dd>
						</dl>
					</div>
					<div class="bottom">
						<p>￥7588.00
						<span>6985人在学</span></p>
					</div>
				</div>
				<div class="c">
					<div class="top">
						<dl>
							<dt><div><a href="#"><img src="../img/start.png" ></a></div><img src="../img/11.gif" ></dt>
							<dd>【鲁班学院】rabbitmq专题
							<br/><span>vip课程系列</span>
							</dd>
						</dl>
					</div>
					<div class="bottom">
						<p>￥7580.00
						<span>4586人在学</span></p>
					</div>
				</div>
				<div class="c">
					<div class="top">
						<dl>
							<dt><div><a href="#"><img src="../img/start.png" ></a></div><img src="../img/12.gif" ></dt>
							<dd>【鲁班学院】kafka专题
							<br/><span>vip课程系列</span>
							</dd>
						</dl>
					</div>
					<div class="bottom">
						<p>￥7580.00
						<span>6784人在学</span></p>
					</div>
				</div>
				<div class="c">
					<div class="top">
						<dl>
							<dt><div><a href="#"><img src="../img/start.png" ></a></div><img src="../img/13.gif" ></dt>
							<dd>【鲁班学院】Spring Cloud专题
							<br/><span>vip课程系列</span>
							</dd>
						</dl>
					</div>
					<div class="bottom">
						<p>￥7580.00
						<span>9561人在学</span></p>
					</div>
				</div>
				<div class="c">
					<div class="top">
						<dl>
							<dt><div><a href="#"><img src="../img/start.png" ></a></div><img src="../img/14.gif" ></dt>
							<dd>【鲁班学院】Tomcat专题
							<br/><span>vip课程系列</span>
							</dd>
						</dl>
					</div>
					<div class="bottom">
						<p>￥7580.00
						<span>9666人在学</span></p>
					</div>
				</div>
				<div class="c">
					<div class="top">
						<dl>
							<dt><div><a href="#"><img src="../img/start.png" ></a></div><img src="../img/15.gif" ></dt>
							<dd>【鲁班学院】hashmap专题
							<br/><span>vip课程系列</span>
							</dd>
						</dl>
					</div>
					<div class="bottom">
						<p>￥7580.00
						<span>3946人在学</span></p>
					</div>
				</div>
				<div class="c">
					<div class="top">
						<dl>
							<dt><div><a href="#"><img src="../img/start.png" ></a></div><img src="../img/16.gif" ></dt>
							<dd>【鲁班学院】redis专题
							<br/><span>vip课程系列</span>
							</dd>
						</dl>
					</div>
					<div class="bottom">
						<p>￥7580.00
						<span>6985人在学</span></p>
					</div>
				</div>
				<div class="c">
					<div class="top">
						<dl>
							<dt><div><a href="#"><img src="../img/start.png" ></a></div><img src="../img/17.gif" ></dt>
							<dd>【鲁班学院】elasticsearch专题
							<br/><span>vip课程系列</span>
							</dd>
						</dl>
					</div>
					<div class="bottom">
						<p>￥7580.00
						<span>6983人在学</span></p>
					</div>
				</div>
				<div class="c">
					<div class="top">
						<dl>
							<dt><div><a href="#"><img src="../img/start.png" ></a></div><div><a href="#"><img src="../img/start.png" ></a></div><img src="../img/18.gif" ></dt>
							<dd>【鲁班学院】并发编程专题
							<br/><span>vip课程系列</span>
							</dd>
						</dl>
					</div>
					<div class="bottom">
						<p>￥7580.00
						<span>4673人在学</span></p>
					</div>
				</div>
				<div class="c">
					<div class="top">
						<dl>
							<dt><div><a href="#"><img src="../img/start.png" ></a></div><img src="../img/19.gif" ></dt>
							<dd>【鲁班学院】Docker专题
							<br/><span>vip课程系列</span>
							</dd>
						</dl>
					</div>
					<div class="bottom">
						<p>￥7580.00
						<span>3908人在学</span></p>
					</div>
				</div>
			</div>
			<div class="nav">
				<div class="first">
					&lt;
				</div>
				<div class="sec">
					1
				</div>
				<div class="sec">
					2
				</div>
				<div class="sec">
					3
				</div>
				<div class="sec">
					4
				</div>
				<div class="first">
					&gt;
				</div>
			</div>
			
			
		</div>
		<!-- footer -->
		<div class="footer">
			<div class="tex">
				版权所有◎2017湖南鲁班教育科技有限公司
				<span>湘ICP备17008427号-1</span>
				<span>网站地图</span>
			</div>
		</div>
		<script> $('header').load('../html/header.html',() =>{
			console.log(1)
			$('#list ul li').eq(1).addClass('head-nav-active')
		}) </script>
	</body>
</html>
